<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>食品会-注册</title>
<link rel="stylesheet" href="../../css/base.css">
<link rel="stylesheet" href="../../css/register.css">
<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-3.3.1.min.js"></script>
</head>
<body>
<header id="headNav">
    <div class="innerNav clear">

        <div class="headFont fr">
           <a href="${pageContext.request.contextPath}/index.jsp"> <span>您好，欢迎光临食品会！</a><a href="${pageContext.request.contextPath}/jsp/user/userLogin.jsp">请登录</a></span>
            <a class="helpLink" href="#"><i class="runbun"></i>帮助中心<i class="turnb"></i></a>
        </div>
        <div class="outHelp">
            <ul class="helpYou" style="display: none;">
                <li><a href="#">包裹跟踪</a></li>
                <li><a href="#">常见问题</a></li>
                <li><a href="#">在线退换货</a></li>
                <li><a href="#">在线投诉</a></li>
                <li><a href="#">配送范围</a></li>
            </ul>
        </div>
    </div>
</header>
<section id="secTab">
    <div class="innerTab">
        <h2>食品会注册</h2>
        <form action="${pageContext.request.contextPath }/User/register" method="post">
            <div class="tableItem">
                <span class="userPhone">手机号</span>
                <input id="tel" name="userTel" type="text" required placeholder="手机号"/>
            </div>
            <div class="tableItem">
                <span class="setPass">设置密码</span>
                <input id="pass1" name="userPass" type="password" required placeholder="密码"/>
            </div>
            <div class="tableItem">
                <span class="turePass">确认密码</span>
                <input id="pass2" name="pass" type="password" required placeholder="确认密码" onmouseout="register()"/>
            </div>
            <p class="abcdefg" id="pid" style="display: none;">两次密码必须一致</p>
            <p class="clickRegist">点击注册，表示您同意食品会<a href="#">《服务协议》</a></p>
            <button class="tableBtn" id="but" >同意协议并注册</button>
        </form>
    </div>
</section>
<footer id="footNav">
    <p><a href="#">沪ICP备13044278号</a>|&nbsp;&nbsp;合字B1.B2-20130004&nbsp;&nbsp;|<a href="#">营业执照</a></p>

    <p>Copyright © 食品会网上超市 2007-2016，All Rights Reserved</p>
</footer>
</body>
 <script type="text/javascript">
 function register(){
	 var pass1 = document.getElementById('pass1').value;
	 var pass2 = document.getElementById('pass2').value;
	 if(pass1 != pass2){
		 document.getElementById('pid').style.display='block';
		 documet.getElementById('but').disabled=true;
	 }else{
		 document.getElementById('pid').style.display='none';
		 documet.getElementById('but').disabled=flase;
	 }
} 
</script>
</html>